<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        body {
            background: url("./image/d.jpg");
            background-attachment: fixed;
            background-size: cover;
            background-repeat: no-repeat;
            backdrop-filter: blur(5px);
            /* CSS 提供了一个直接的属性 backdrop-filter，它可以对背景应用模糊效果。背景虚化程度 filter: blur() 在现代浏览器中广泛支持，但在旧版浏览器（如IE）中可能不生效。如果需要兼容旧版浏览器，可以考虑使用其他方法，比如使用SVG滤镜。
           替代方法：使用 backdrop-filter */
        }

        input {
            /*背景色覆盖*/
            border: none; /* 移除边框 */
            background-color: transparent; /* 设置背景色为透明 */
            outline: none; /* 移除聚焦时的轮廓线 */
            padding: 5px; /* 可选：添加内边距 */
        }

        span {
            display: inline-block;
            width: 150px;

            text-align: right;
        }

        .container {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
        }

        table {
            height: 30vh;
            width: 30vw;
        }
    </style>
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
</head>
<body>

<form action="servlet" method="get" class="container">
    <table style="background-color: aliceblue">
        <tr>
            <td style="text-align: center">查询方式：</td>
            <td>
                <select name="select" class="common">
                    <option value="all">查询所有</option>
                    <option value="one">查询id</option>
                    <option value="no" selected="selected">模糊查询</option>
                </select>
                <span></span>
            </td>
        </tr>
        <tr>
            <td style="text-align: center">查询行数：</td>
            <td><input type="text" name="chaxun" value="0" class="common"></td>
        </tr>
        <tr>
            <td style="text-align: center">类型：</td>
            <td>
                <input type="radio" name="radio" value="籼">籼型
                <input type="radio" name="radio" value="粳">粳型
                <input type="radio" name="radio" checked="checked" value="c">不限定
            </td>
        </tr>
        <!--  <tr>
              <td></td>
              <td>
              <input type="checkbox"name="check"value="d">耐旱
              <input type="checkbox"name="check"value="e">糯性
               <input type="checkbox"name="check"value="f"checked="checked">种名模糊检索
              </td>
          </tr>
          -->
        <tr>
            <td colspan="2">
                <input type="submit" value="查询" class=" btn btn-default  btn-lg btn-block">
            </td>
        </tr>
        <tr>
            <td colspan="2">
                <a href="index.html" class="btn btn-primary btn-lg btn-block">退出登录</a>
            </td>
        </tr>
    </table>
</form>
</body>
</html>